<template>
  <div class="tmpl">
    <div>图片预览插件</div>
    <ul>
      <li class="preview-img" v-for="(img,index) in imgList" @click="$preview.open(index,imgList)">
        <img :src="img.src">
      </li>
    </ul>
    <div>计时器组件</div>
    <rotime></rotime>
    <div>新闻列表组件</div>
    <ullist></ullist>
    <div>新闻列表组件2</div>
    <ullist2></ullist2>
  </div>
</template>

<script type="text/javascript">
  import rotime from "../subcom/time.vue";
  import ullist from "../subcom/ullist.vue";
  import ullist2 from "../subcom/ullist2.vue";

export default {
  data(){
    return {
      imgList : [
        {src: '../../../statics/imgs/menu3.png',
          w: 200,
          h: 200
        },
        {src: '../../../statics/imgs/menu3.png',
        w: 200,
        h: 200
      }

      ]
    }
  },
  components: {
    rotime,ullist,ullist2
  }

}
</script>

<style type="text/css" scoped>
  .tmpl ul{
    list-style: none;
  }
</style>




